<div class="modal-body">
	<form id="user-form" name="user-form" class="form-horizontal">
		<input type="hidden" name="id">
		<input type="hidden" name="createTime" data-flag="date" data-format="yyyy-MM-dd HH:mm:ss">
		<input type="hidden" name="stationId" value="${stationId}" id="stationId">
		<input type='hidden' value='${CSRFToken}' id='csrftoken'>
		<div class="box-body">
			<div id="uploadfileQueue"></div>

			<input type="file" id="file_upload" multiple="multiple">
			<div id="imageDiv" style="height: 20px;">
				<!--<img id="imageView" src="" style="width: 800px;height: 400px;"/>-->
			</div>
		</div>
		<!-- /.box-body -->
		<div class="box-footer text-right">
			<!--以下两种方式提交验证,根据所需选择-->
			<button type="button" class="btn btn-default" data-btn-type="cancel" data-dismiss="modal">取消</button>
			<button type="button" class="btn btn-primary" data-btn-type="save"
					onclick="javascript:$('#file_upload').uploadify('upload','*')">上传</button>
		</div>
		<!-- /.box-footer -->
	</form>
</div>
<script type="text/javascript">
//下面用于图片上传预览功能
function setImagePreview() {
	//input
	var docObj = document.getElementById("file_upload");
//img
	var imgObjPreview = document.getElementById("imageView");
	//div
	var divs = document.getElementById("imageDiv");
	if (docObj.files && docObj.files[0]) {
		//火狐下，直接设img属性
		imgObjPreview.style.display = 'block';
		imgObjPreview.style.width = '800px';
		imgObjPreview.style.height = '400px';
		//imgObjPreview.src = docObj.files[0].getAsDataURL();
		//火狐7以上版本不能用上面的getAsDataURL()方式获取，需要一下方式
		imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);
	} else {
		//IE下，使用滤镜
		docObj.select();
		var imgSrc = document.selection.createRange().text;
		var localImagId = document.getElementById("localImag");
		//必须设置初始大小
		localImagId.style.width = "800px";
		localImagId.style.height = "400px";
		//图片异常的捕捉，防止用户修改后缀来伪造图片
		try {
			localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
			localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
		} catch(e) {
			alert("您上传的图片格式不正确，请重新选择!");
			return false;
		}
		imgObjPreview.style.display = 'none';
		document.selection.empty();
	}
	return true;
}

$(document).ready(function() {

	$("#file_upload").uploadify({
		//是否自动上传 true or false
		'auto':false,
		//超时时间上传成功后，将等待服务器的响应时间。
		//在此时间后，若服务器未响应，则默认为成功(因为已经上传,等待服务器的响应) 单位：秒
		'successTimeout':99999,
		//附带值 JSON对象数据，将与每个文件一起发送至服务器端。
		//如果为动态值，请在onUploadStart()中使用settings()方法更改该JSON值
//		'formData':{       //可以不写
//			'user.username':'',
//			'user.age':''
//		},
		'buttonText' : '选择图片',
		'onUploadStart': function(file) {
//			setImagePreview();
//			var name=$('#username').val();
//			var age=$('#age').val();
//			$("#file_upload").uploadify(
//					"settings",
//					"formData",
//					{'user.username':name,'user.age':age});
		},
		//Flash
		'swf': "${basePath}/resources/adminlte/plugins/uploadify/uploadify.swf",
		//文件选择后的容器div的id值
		'queueID':'uploadfileQueue',
		//将要上传的文件对象的名称 必须与后台controller中抓取的文件名保持一致
		'fileObjName':'pic',
		//上传地址
		'uploader': basePath + '/upload/uploadFile?stationId=' + $('#stationId').val(),
		//浏览将要上传文件按钮的背景图片路径
//		'buttonImage': '${basePath}/resources/adminlte/plugins/uploadify/background.jpg',
		//浏览按钮的宽度
		'width':'100',
		//浏览按钮的高度
		'height':'32',
		//在浏览窗口底部的文件类型下拉菜单中显示的文本
		'fileTypeDesc':'支持的格式：',
		//允许上传的文件后缀
		'fileTypeExts':'*.jpg;*.jpge;*.gif;*.png',
		/*上传文件的大小限制允许上传文件的最大 大小。 这个值可以是一个数字或字 符串。
		 如果它是一个字符串，它接受一个单位(B, KB, MB, or GB)。
		 默认单位为KB您可以将此值设置为0 ，没有限制,
		 单个文件不允许超过所设置的值 如果超过 onSelectError时间被触发*/
		'fileSizeLimit':'1000KB',

		//允许上传的文件的最大数量。当达到或超过这个数字，onSelectError事件被触发。
		'queueSizeLimit' : 3,

			//选择上传文件后调用
		'onSelect' : function(file) {
//			alert("123");
//			setImagePreview();
		},

		//返回一个错误，选择文件的时候触发
		'onSelectError':function(file, errorCode, errorMsg){
			switch(errorCode) {
				case -100:
					alert("上传的文件数量已经超出系统限制的"
					+$('#file_upload').uploadify('settings','queueSizeLimit')+"个文件！");
					break;

				case -110:
					alert("文件 ["+file.name+"] 大小超出系统限制的"
					+$('#file_upload').uploadify('settings','fileSizeLimit')+"大小！");
					break;

				case -120:
					alert("文件 ["+file.name+"] 大小异常！");
					break;

				case -130:
					alert("文件 ["+file.name+"] 类型不正确！");
					break;
			}
		},

		//上传到服务器，服务器返回相应信息到data里
		'onUploadSuccess':function(file, data, response){
			alert("上传成功");
			loadSubPage("${basePath}/stationImage/list?number=${stationId}")
		},

		//当单个文件上传出错时触发
		'onUploadError': function (file, errorCode, errorMsg, errorString) {
			alert("上传失败");
		}
	});

});
</script>